/* Custom Pricing Section Styles - For dark theme and new design */

        .pricing-section-custom {
            background: #000;
            /* Dark black background */
            padding: 8em 0;
            /* Adjust padding as needed */
        }

        .pricing-section-custom .heading-section h2 {
            color: #fff;
            /* White heading text */
        }

        .pricing-section-custom .heading-section p {
            color: #ccc;
            /* Light grey paragraph text */
        }

        /* Service Category Tabs */
        .pricing-tabs-wrapper {
            display: flex;
            justify-content: center;
            gap: 15px;
            /* Space between buttons */
            margin-bottom: 50px;
            flex-wrap: wrap;
            /* For responsiveness */
        }

        .pricing-tab {
            background-color: #333;
            /* Darker button background */
            color: #fff;
            /* White text for tabs */
            border: none;
            padding: 12px 25px;
            border-radius: 30px;
            /* Pill shape */
            cursor: pointer;
            font-size: 16px;
            font-weight: 600;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .pricing-tab:hover {
            background-color: #555;
            /* Lighter on hover */
        }

        .pricing-tab.active {
            background-color: #ffbd39;
            /* Your primary color for active tab */
            color: #000;
            /* Black text for active tab */
            box-shadow: 0 6px 12px rgba(255, 189, 57, 0.3);
        }

        /* Pricing Plan Cards */
        .pricing-entry-custom {
            background: #1a1a1a;
            /* Even darker background for cards */
            padding: 30px;
            border-radius: 10px;
            margin-bottom: 30px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
            /* Darker shadow */
            transition: all 0.3s ease;
            height: 100%;
            /* Make all cards same height */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .pricing-entry-custom:hover {
            transform: translateY(-8px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6);
        }

        .pricing-entry-custom h3 {
            color: #ffbd39;
            /* Your primary color for plan names */
            font-size: 26px;
            margin-bottom: 10px;
            font-weight: 700;
        }

        .pricing-entry-custom .original-price {
            font-size: 16px;
            color: #888;
            margin-bottom: 5px;
        }

        .pricing-entry-custom .price {
            font-size: 48px;
            /* Larger price font */
            font-weight: 900;
            color: #fff;
            /* White price text */
            display: block;
            line-height: 1.2;
        }

        .pricing-entry-custom .per {
            font-size: 16px;
            color: #bbb;
            display: block;
            margin-bottom: 20px;
        }

        .pricing-entry-custom ul {
            list-style: none;
            padding: 0;
            margin-top: 20px;
            text-align: left;
            flex-grow: 1;
            /* Pushes button to bottom */
        }

        .pricing-entry-custom ul li {
            color: #bbb;
            margin-bottom: 12px;
            display: flex;
            align-items: flex-start;
            font-size: 16px;
            line-height: 1.5;
        }

        .pricing-entry-custom ul li .icon {
            color: #28a745;
            /* Green for checkmark */
            margin-right: 10px;
            font-size: 22px;
            line-height: 1;
        }

        /* CTA Button Styles */
        .pricing-entry-custom .btn-whatsapp {
            background-color: #25D366;
            /* WhatsApp Green */
            color: #fff;
            border: none;
            border-radius: 50px;
            /* More rounded */
            padding: 12px 30px;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            transition: all 0.3s ease;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

        .pricing-entry-custom .btn-whatsapp:hover {
            background-color: #1DA851;
            /* Darker green on hover */
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
            transform: translateY(-2px);
        }

        /* Hide inactive plan categories */
        .plan-category {
            display: none;
        }

        .plan-category.active {
            display: block;
        }

        /* --- Changes start here --- */

        /* Make the row containing plans a flex container */
        .plan-category .row {
            display: flex;
            flex-wrap: wrap;
            /* Allow items to wrap to the next line on smaller screens */
            justify-content: center;
            /* Center the plans horizontally */
            gap: 30px;
            /* Add space between columns */
        }

        /* Adjust column width for 3 plans in a row */
        .plan-category .col-md-4 {
            flex: 0 0 calc(33.333% - 20px);
            /* Adjust width to fit 3 in a row, accounting for gap */
            max-width: calc(33.333% - 20px);
            /* Ensures consistent width */
        }

        /* Responsive adjustments */
        @media (max-width: 991.98px) {
            .plan-category .col-md-4 {
                flex: 0 0 calc(50% - 15px);
                /* 2 plans per row on medium screens */
                max-width: calc(50% - 15px);
            }
        }

        @media (max-width: 767.98px) {
            .plan-category .col-md-4 {
                flex: 0 0 100%;
                /* 1 plan per row on small screens */
                max-width: 100%;
            }
        }

        /* --- Changes end here --- */